<template>
	<div class='wy-main business-publish'>
		<a-row class="wy-main-title">
			<a-col :span="24">
				<p class="title-p">
					<a-divider class="title-vertical" type="vertical" />
					<span class="title-span">发布货源信息</span>
					<a-divider class="title-divider" />
				</p>
			</a-col>
		</a-row>
		<a-tabs defaultActiveKey="1" @change="tabChange" class='tab'>
			<a-tab-pane tab="零担专线" key="1" class='tab-but' ></a-tab-pane>
			<a-tab-pane tab="长途整车" key="2" forceRender></a-tab-pane>
			<a-tab-pane tab="同城包车" key="3"></a-tab-pane>
			<!-- <a-tab-pane tab="国际运输" key="4"></a-tab-pane> -->
		</a-tabs>
		<p class="route_text">专线直达业务是物流云推出的精准匹配的优质物流服务，推荐的物流承运商是物通网上门核实过的，请放心选择，让您发货放心又省钱！</p>
		<PublishForm ref="lineFrom" :supplyType="supplyType" type="add"></PublishForm>
	</div>
</template>
<script>
	import PublishForm from './components/PublishForm'
	export default {
		components: {
			PublishForm
		},
		data() {
			return {
				supplyType: 1
			}
		},
		beforeCreate() {
		},
		created() {},
		watch: {},

		mounted: function() {

		},
		methods: {
			tabChange(key){
				setTimeout(()=>{
					this.$refs.lineFrom.fromReset();
				},100)
				this.supplyType = key;
			}
		}
	}
</script>

<style lang="less">
	.business-publish {
		.tab{
			.ant-tabs-bar{
				border: none !important;
			    margin-left: 30px;				
			} 
			.ant-tabs-tab{
				width: 120px;
				height: 40px;
				line-height: 14px;
				text-align: center;
				border-radius:0 !important;
				border: none !important;
				background: #E9F4F3 !important;
				color: #15837A;
			}
			.ant-tabs-tab-active{
				border: none !important;
				background: #15837A !important;
				color: #fff !important;
			}
			.ant-tabs-ink-bar{
				display: none !important;
			}
		}
		.route_text{
		    font-size: 12px;
		    color: #666666;
		    margin: 2px 0px 22px 30px;
		}
	}
</style>